<!DOCTYPE html>
<html lang="zh-cn" />
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>
<body>
    <form action="#" method="get" >
        email: <input type="email" />
        <input type="submit" value="提交" />
    </form>
    <form action="#" method="get" >
        url:<input type="url" name="" id="" />
        <input type="submit" value="提交" />
    </form>
    <form action="#" method="get" >
        number:<input type="number" min="1" max="15" step="2" value="1" name="" id="" />
        <input type="submit" value="提交" />
    </form>
    data:<input type="date" name="" id="" /><br />
    month:<input type="month" name="" id="" /><br />
    week<input type="week" name="" id="" /><br />
    time:<input type="time" min="09:00" max="17:00" name="" id="" /><br />
    <!-- 输入时间 -->
    datetime:<input type="datetime" name="" id="" /><br />
    datetime-local:<input type="datetime-local" name="" id="" /><br />
    <!-- 搜索框的点X的效果 -->
    search<input type="search" name="" id="" /><br />
    <!-- 手机上键盘为数字键盘 -->
    tel:<input type="tel" name="" id="" /><br />
    <!-- 调用电脑的颜色 -->
    color:<input type="color" />
</body>
</html>